/* Background */
.exhibitions {
  background-color: var(--grey);

  background-image: url(../../images/backgrounds/metal-grey.jpg);

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  padding-bottom: 0;
}

/* Title */
.title {
  margin-bottom: -1.7em;
}

/* Main Photo */
.main-photo {
  border: 3px solid grey;
  background-image: url("../../images/exhibitions/Projection Space/projection_space003.jpg");
  display: normal;
}

/* Description */
.color-text-box {
  background: rgb(255,192,0);
  background: linear-gradient(-120deg, rgba(255,192,0,1) 40%, rgba(205, 153, 0, 0.879) 100%);
  margin-top: 5em;
}

.location {
  margin-top: 2.5em;
}

.color-text-box p {
  color: rgb(74, 50, 50);
}

/* Video */
.overlayVideo {
  background-image: url("../../images/exhibitions/Projection Space/videoOverlay.png");
}

.video .caption p {
  color: white;
}

/* .breadcrumb .breadcrumb-item a {
  color: var(--dark-blue);
}

.breadcrumb-item+.breadcrumb-item::before {
  color: var(--dark-blue);
}

.breadcrumb-item.active {
  color: var(--dark-blue);
} */

/* Press */

/* Photos Grid layout */
.custom-grid {
  display: grid;

  justify-content: start;
  align-items: stretch;
  column-gap: 15px;
  row-gap: 15px;

  grid-template-columns: (35% - 15px) 30% (35% - 15px);
  grid-template-rows: auto;
  grid-template-areas: 
    "p1 p1 p2"
    "p3 p4 p5"
    "p6 p4 p7"
    "p8 p8 p8"
    "p9 p10 p10"
    "p9 p11 p12";
}


@media only screen and (max-width: 992px) {
  .left .custom-grid,
  .right .custom-grid {
    display: grid;
    justify-content: center;
    grid-template-columns: 100%;
    grid-template-rows: repeat(0, 300px);
    column-gap: 15px;
    row-gap: 15px;
    grid-template-areas: 
      "p1"
      "p2"
      "p3"
      "p4"
      "p5"
      "p6"
      "p7"
      "p8"
      "p9"
      "p10"
      "p11"
      "p12";
  }
}